<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="robots" content="noindex, nofollow">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <title>黄永铿_web全栈开发_简历</title>
</head>

<body>
<div class="container">

    <header>
        <div class="header-content">
            <div class="img-container">
                <img src="https://cdn.henrywong01.top/personal_icon.jpeg" alt="profile">
            </div>
            <div class="header-text">
                <h1>黄永铿 Web开发工程师</h1>
{{--                <h2>web 开发工程师</h2>--}}
                <div class="contact">
                    <div class="phone">
                        <i class="fas fa-phone-alt"></i>
                        <a href="tel:86-18128625020">86-18128625020</a>
                    </div>
                    <div class="mail" >
                        <i class="fas fa-download"></i>
                        <a href="http://{{$_SERVER['HTTP_HOST']}}/黄永铿(Henry)_简历.pdf">简历下载</a>/<a href="http://{{$_SERVER['HTTP_HOST']}}/黄永铿(Henry)_resume.pdf">Download Resume</a>
                    </div>
                    <div class="mail">
                        <i class="fas fa-at"></i>
                        <a href="mailto:hello@reallygreatsite.com">675666296@qq.com</a>
                    </div>

                    <div class="address">
                        <i class="fas fa-home"></i>
                        <p>广东佛山市禅城区</p>
                    </div>

                    <div class="mail">
                        <i class="fas fa-language"></i>
                        <a href="http://{{$_SERVER['HTTP_HOST']}}/en">English</a>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <main>
        <div class="left">
            <div class="box">
                <div class="title">
                    <i class="fas fa-user"></i>
                    <h3>个人介绍</h3>
                </div>
                <p>
                    本人已有5年Web开发工作经验，掌握小程序、公众号、网站、App等开发，能独立完成项目开发、运维、测试等工作，并有丰富经验解决项目遇到的性能优化和兼容性问题
                </p>
            </div>
            <div class="box">
                <div class="title">
                    <i class="fas fa-award"></i>
                    <h3>作品与成果</h3>
                </div>
                <ul>
                    <li>2018 进入IT行业并从事web开发</li>
                    <li>2019 开发出WAP端的妈妈书城,日均PV过万</li>
                    <li>2020 独立负责易和App开发工作，成功对接企业旗下的各个物联网产品和设备</li>
                    <li>2021 负责并完成完美医疗集团旗下的多个品牌官网开发和SEO优化<a href="https://perfectmedical.com/" style="color:#62a9ac;font-size:1.4rem">点击查看</a></li>
                    <li>2022 负责完美医疗集团的预约系统及落地页系统，开发并上线多款小程序和app软件</li>
                </ul>
            </div>
            <div class="box">
                <div class="title">
                    <i class="fas fa-globe-europe"></i>
                    <h3>语言</h3>
                </div>
                <div class="languages">
                    <ul>
                        <li>English</li>
                        <li>粤语</li>
                        <li>普通话</li>
                    </ul>
                    <div class="language-progress">
                        <div class="progress-container">
                            <div class="progress-bar">
                                <span style="width:50% ;"></span>
                            </div>
                        </div>
                        <div class="progress-container">
                            <div class="progress-bar">
                                <span style="width:100% ;"></span>
                            </div>
                        </div>
                        <div class="progress-container">
                            <div class="progress-bar">
                                <span style="width:99% ;"></span>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="box">
                <div class="title">
                    <i class="fas fa-history"></i>
                    <h3>专业能力</h3>
                </div>
                <ul>
                    <li>小程序开发</li>
                    <li>公众号开发</li>
                    <li>H5页面及网站开发</li>
                    <li>PHP方向的后端接口和CMS系统开发</li>
                </ul>
            </div>
            <div class="box">
                <div class="title">
                    <i class="fas fa-cogs"></i>
                    <h3>技术栈</h3>
                </div>
                <div class="progress-container">
                    <h4>Vue2/3</h4>
                    <div class="progress-bar">
                        <span style="width:70% ;"></span>
                    </div>
                </div>
                <div class="progress-container">
                    <h4>React</h4>
                    <div class="progress-bar">
                        <span style="width:75% ;"></span>
                    </div>
                </div>
                <div class="progress-container">
                    <h4>HTML</h4>
                    <div class="progress-bar">
                        <span style="width:80% ;"></span>
                    </div>
                </div>
                <div class="progress-container">
                    <h4>CSS/Less/Sass</h4>
                    <div class="progress-bar">
                        <span style="width:90% ;"></span>
                    </div>
                </div>
                <div class="progress-container">
                    <h4>JavaScript/TypeScript</h4>
                    <div class="progress-bar">
                        <span style="width:85% ;"></span>
                    </div>
                </div>

                <div class="progress-container">
                    <h4>PHP、Redis</h4>
                    <div class="progress-bar">
                        <span style="width:80% ;"></span>
                    </div>
                </div>
                <div class="progress-container">
                    <h4>MySQL</h4>
                    <div class="progress-bar">
                        <span style="width:85% ;"></span>
                    </div>
                </div>
                <div class="progress-container">
                    <h4>Laraverl、ThinkPHP</h4>
                    <div class="progress-bar">
                        <span style="width:70% ;"></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="right">

            <div class="box">
                <div class="title">
                    <i class="fas fa-graduation-cap"></i>
                    <h3>学历</h3>
                </div>
                <ul>
                    <li>
                        2014-2018
                        <h4>中山大学 新华学院</h4>
                        <p>全日制本科</p>
                    </li>
                </ul>
            </div>

            <div class="box">
                <div class="title">
                    <i class="fas fa-briefcase"></i>
                    <h3>项目及工作经历</h3>
                </div>
                <ul >
                    <li style="color:#62a3ac">
                        2020-2022
                        <h4>必瘦站</h4>
                        <p style="font-size: 10px;line-height: 10px;">
                        <p style="font-size: 10px;line-height: 20px;">
                            主要项目：Beauty Club <br/>
                            项目概述：提供会员线上预约的客户端平台<br/>
                            技术选型：React、Taro、MySQL、Redis、Laravel、UmiJS、AntDesign<br/>

                        </p>
                        <br/>
                        <p style="font-size: 10px;line-height: 20px;">
                            负责内容：<br/>
                            1.负责小程序开发和重构工作，并进行前端性能优化工作<br/>
                            2.负责落地页及官网的开发工作<br/>
                            3.负责后台CMS系统、后端接口等开发工作<br/>
                        </p>
                        <br/>
                        <p style="font-size: 10px;line-height: 20px;">
                            项目成就：<br/>
                            1.利用React（Taro）框架+Hook+TypeScript重构公司原生小程序，实现小程序跨端跨平台运行。<a href="http://{{$_SERVER['HTTP_HOST']}}/doc" style="color:#62a9ac;font-size:10px">查看文档</a><br/>
                            2.使用React（umi）框架+AntDesign组件库+Canvas制作公司页面较为复杂的官网及H5落地页动画，并实施网站SEO优化。<br/>
                            3.使用laravel框架支援公司公众号、小程序、APP等后端Api接口。<br/>
                            4.使用EChart和腾讯位置服务，给公司开发的后台系统、App、小程序提供大数据展示、地图及定位服务<br/>
                        </p>
                        </p>
                    </li>
                    <li style="color:#62a3ac">
                        2019-2020
                        <h4>易和医疗</h4><br/>
                        <p style="font-size: 10px;line-height: 10px;">
                        <p style="font-size: 10px;line-height: 20px;">
                            主要项目：易和App和小程序<br/>
                            项目概述：该项目是物联网项目，通过客户端发起请求，控制机器的各项操作。<br/>
                            技术选型：MySQL、EMQ、Swoole、uniapp
                        </p>

                        <br/>

                        <p style="font-size: 10px;line-height: 20px;">
                            负责内容：<br/>
                            1.负责EMQ物联网平台搭建，编写相关接口远程控制机器，并根据机器返回的数据进行统计分析<br/>
                            2.负责小程序的开发，根据不同的机器型号展示不同的操作界面
                        </p>
                        <br/>
                        <p style="font-size: 10px;line-height: 20px;">
                            项目成就：<br/>
                            1.使用Vue（uniapp）框架搭建小程序，顺利通过websocket协议实现后端服务器与客户端之间的通讯<br/>
                            2.负责EMQ物联网平台的搭建，并使用MQTT协议和hyperf框架顺利实现后端服务器与机器的长连接通讯<br/>
                            3.使用elementUI + EChart搭建监控平台，为用户提供实时数据展示及机器远程控制<br/>
                        </p>

                        </p>
                    </li>
                    <li style="color:#62a3ac">
                        2018-2019
                        <h4>妈妈网</h4><br/>
                        <p style="font-size: 10px;line-height: 10px;">

                            <p style="font-size: 10px;line-height: 20px;">
                            主要项目：妈妈书城<br/>
                            项目概述：该项目是一个付费充值方式阅读小说的书城网站。<br/>
                            技术选型：ThinkPHP、MySQL<br/>
                            </p>

                            <br/>

                            <p style="font-size: 10px;line-height: 20px;">
                            负责内容：<br/>
                            1.负责书城网站的接口开发<br/>
                            2.负责书城网站的脚本数据爬取工作<br/>
                            </p>

                            <br/>

                            <br/>

                            <p style="font-size: 10px;line-height: 20px;">
                                项目成就： <br/>
                                1.使用vue2独立开发出WAP端的妈妈书城，日均PV过万。<br/>
                                2.使用TP框架给书城项目提供后台接口支援，项目顺利接入第三方支付平台和版权商系统<br/>
                                3.使用PHP编写脚本程序爬取版权商接口获取图书信息，为项目积累大量的原始数据
                            </p>


                        </p>
                    </li>



                </ul>
            </div>

            <div class="box">
                <div class="title">
                    <i class="fas fa-certificate"></i>
                    <i class="fas"></i>
                    <h3>证书</h3>
                </div>
                <ul>
                    <li>CET4 & 6</li>
                    <li>中级电子商务师</li>
                    <li>C1驾照</li>
                </ul>
            </div>
        </div>
    </main>
</div>
<script src="https://kit.fontawesome.com/9e5ba2e3f5.js" crossorigin="anonymous"></script>
</body>

</html>
